<template>
	<view class="page_box">
		<view v-if="exrpessLog.length">
			<span>{{expressName}}：{{expressLog[0]}}</span>
		</view>
		<view class="u-flex u-row-between">
			<u-row justify="space-between" class="card">
			    <u-col span="2">
					<image src="https://d-duomi.bigchun.com/images/cate/tuihuo.png"></image>
			    </u-col>
				<u-col span="8">
					<view class="title">我要退货退款</view>
					<view class="desc">已收到货，需要退还已收到的货物</view>
				</u-col>
				<u-col span="2">
					<u-icon name="arrow-right"></u-icon>
				</u-col>
			</u-row>

			<u-row justify="space-between" class="card">
			    <u-col span="2">
					<image src="https://d-duomi.bigchun.com/images/cate/tuikuan.png"></image>
			    </u-col>
				<u-col span="8">
					<view class="title">我要退款（无需退货）</view>
					<view class="desc">未收到货，或与商家协商之后申请</view>
				</u-col>
				<u-col span="2">
					<u-icon name="arrow-right"></u-icon>
				</u-col>
			</u-row>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				exrpessLog:[],
				expressName:""
			};
		},
		methods:{
			// 获取物流信息
			getExpressDetail() {
				let that = this;
				that.$http('order.expressDetail', {
					id: that.$Route.query.expressId,
					order_id: that.$Route.query.orderId
				}).then(res => {
					if (res.code === 1) {
						that.exrpessLog = res.data.log;
						that.expressName = res.data.express_name
					}
				});
			}
		}
	}
</script>

<style lang="less">

.card{
	margin: 24rpx;
	.title{
		font-size: 32rpx;
		font-weight: 400;
		color: #333333;
		line-height: 40rpx;
	}
	.desc{
		font-size: 24rpx;
		font-weight: 400;
		color: #999999;
		line-height: 32px;
	}
}
</style>
